<template>
  <!--<div id="app">-->
    <!--<div class='container'>-->
      <!--<div class='row'>-->
        <!--<div class='col-lg-4'>-->
          <!--<h1>demo</h1>-->
        <!--</div>-->
        <!--<div class='col-lg-8'>-->
          <!--<div class='panel panel-default' style='min-width:500px;box-shadow:4px 4px 10px #888888;'>-->
            <!--<div class="panel-heading">-->
              <!--<button id='btnCreate'>-->
                <!--<span class="glyphicon glyphicon-plus"></span>-->
              <!--</button>-->
              <!--<span>&nbsp;&nbsp;&nbsp;</span>-->
            <!--</div>-->
            <!--<div class="panel-body">-->
              <!--<div style='float: left;width:100%'>-->
                <!--<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">-->
                  <!--Launch demo modal-->
                <!--</button>-->
                <!--&lt;!&ndash; Modal &ndash;&gt;-->
                <!--<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">-->
                  <!--<div class="modal-dialog" role="document">-->
                    <!--<div class="modal-content">-->
                      <!--<div class="modal-header">-->
                        <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span-->
                          <!--aria-hidden="true">&times;</span></button>-->
                        <!--<h4 class="modal-title" id="myModalLabel">Modal title</h4>-->
                      <!--</div>-->
                      <!--<div class="modal-body">-->
                        <!--...-->
                      <!--</div>-->
                      <!--<div class="modal-footer">-->
                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                        <!--<button type="button" class="btn btn-primary">Save changes</button>-->
                      <!--</div>-->
                    <!--</div>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->
  <div class="container">
    <!--标题-->
    <div class="row top col-md-12 col-lg-12 col-sm-12">
      <h1 class="text-center">短信平台</h1>
    </div>
    <!--导航-->
    <div class="row top ">
      <div class="col-md-1 col-lg-1 col-sm-1"></div>
      <div class="col-md-10 col-lg-10 col-sm-10">
        <nav>
          <ul class="nav nav-tabs ">
            <li class="active"><a href="#">短信某某</a></li>
            <router-link tag="li" to="/verification" ><a>验证某某</a></router-link>
            <router-link tag="li" to="/remember" ><a>短信记录</a></router-link>
          </ul>
        </nav>
      </div>
      <div class="col-md-1 col-lg-1 col-sm-1"></div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'app'
  }
</script>

<style>
  /*#app {*/
    /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    /*text-align: center;*/
    /*margin-top: 60px;*/
  /*}*/
  .top{
    margin-bottom: 20px;
  }
</style>
<!--<style lang="less">-->
  <!--@import 'styles/less/home.less';-->

  <!--#app {-->
    <!--color: @baseC;-->
  <!--}-->
<!--</style>-->
